
<div class="panel panel-info" ng-hide="close">
	<div class="panel-heading"><span class=" glyphicon glyphicon-warning-sign"></span> {{'dashboardAlertPendingPayments' | translate}}
		<button type="button btn-sm" class="close" ng-click="close=true">
			<span class=" glyphicon glyphicon-remove"></span>
		</button>
		<button type="button btn-sm" class="close" ng-click="collapse=!collapse">
			<span class="glyphicon glyphicon-minus"></span>
		</button>
	</div>
	<div class="panel-body" collapse="collapse">
		<table class="table table-striped">
			<thead>
				<tr>
					<th>#</th>
					<th>{{'Sinister.number' | translate}}</th>
					<th>{{'Person.name' | translate}}</th>
					<th>{{'Payment.effectiveDate' | translate}}</th>
					<th>{{'Payment.amount' | translate}}</th>
				</tr>
			</thead>
			<tbody>
				<tr class="animate-pagination" ng-repeat="pendingPayment in searchResults.results">
					<td>{{(searchResults.currentPage - 1) * searchResults.itemsPerPage + $index + 1}}</td>
					<td><a href="#sinister/{{pendingPayment.sinisterId}}">{{pendingPayment.sinisterNumber}}</a></td>
					<td>{{pendingPayment.insuredName| translate}}</td>
					<td>{{pendingPayment.effectiveDate | date:'dd/MM/yyyy'}}</td>
					<td>{{pendingPayment.amount| amount}}</td>
				</tr>
			</tbody>
		</table>
		<search-result-pagination></search-result-pagination>
	</div>
</div>
